<template>
    <div class="slba-container">
        <div ref="myDiv" class="slba-header">
            <CommonHeader :leftIcon="true" title="区域(备案者)" />
        </div>
        <div class="slba-content">

            <BeiAnZheView :dataValue="route.query" />
        </div>
    </div>
</template>

<script setup>
import "@/assets/css/tabs.css"
import { ref, onMounted, watch, nextTick, markRaw } from 'vue';
import { useRoute, useRouter } from 'vue-router';
import BeiAnZheView from "@/components/beiantongji/BeiAnZheView.vue";
const router = useRouter();
const route = useRoute();
const RegionID = route.query.RegionID
const Caption = route.query.Caption

</script>

<style lang="less" scoped>
.slba-container {
    background: url('@/assets/img/main/all_bg.png') no-repeat;
    background-size: cover;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.slba-header,
.slba-footer {
    flex: 0 0 auto;
    text-align: center;
    padding: 0;
}

.slba-content {
    flex: 1 1 auto;
    overflow: hidden;
    background-color: #F3F9F8;
}


.slba-tabbar {
    background-color: transparent;
    color: #fff;
}

.slba-left-text {
    font-weight: 400;
    font-size: 18px;
    color: #fff;
}

.slba-title-text {
    font-weight: 400;
    font-size: 18px;
    color: #fff;
}

.slba-right-text {
    font-weight: 400;
    font-size: 18px;
    color: #fff;
}
</style>